<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城 - 小米10 Pro、Redmi Note 9、小米MIX Alpha，小米电视官方网站</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/basic.css">
    <link rel="stylesheet" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="shortcut icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon">
    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>
    <style>
        .pro-content li,
        .brick-item{
            transition: all .2s linear;
        }
        .pro-content li:hover,
        .brick-item:hover{
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
            transform: translate3d(0,-2px,0);
        }
        .pro-content .last{
            transition: none;
            background-color: #f5f5f5;
        }
        .pro-content .last:hover{
            box-shadow: none;
            transform: translate3d(0,0,0);
        }
        .video li{
            transition: all .2s linear;
        }
        .video li:hover{
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
            transform: translate3d(0,-2px,0);
        }
        /* 外层盒子布局 */
        .mi_slideshow_Tab {
            width: 1226px;
            height: 460px;
            margin: 0px auto 15px;
            position: relative;
            z-index: 0;
        }

        .mi_img img {
            width: 1226px;
            position: absolute;
            cursor: pointer;
        }

        /* 指示器布局 样式*/
        .mi_slideshow_indicator {
            position: absolute;
            z-index: 0;
            right: 20px;
            bottom: 10px;
            transform: rotate(180deg);
        }

        .mi_slideshow_indicator>ul>li {
            display: inline-block;
            z-index: 2;
            width: 8px;
            height: 8px;
            background-color: #6d6d6d;
            border: 2px solid #565656;
            border-style: window-inset;
            border-radius: 45px;
            cursor: pointer;
            margin: 0 1px;
        }

        /* .mi_slideshow_indicator>ul>li:hover{
            background-color: #cecece;
        } */
        #pitch_on {
            background-color: #cecece;
        }

        /* 上一页按钮 下一页按钮 */
        .top_page,
        .next_page {
            width: 41px;
            height: 69px;
            z-index: 0;
            /* background-color: aqua; */
            position: absolute;
            border: none;
            top: 50%;
            margin-top: -34.5px;
            cursor: pointer;
        }

        .top_page {
            left: 234px;
            background: url(images/icon-slides.png) no-repeat -84px 50%;
        }

        .top_page:hover {
            background-position: 0px 50%;
        }

        .next_page {
            right: 0;
            background: url(images/icon-slides.png) no-repeat -125px 50%;
        }

        .next_page:hover {
            background-position: -42px 50%;
        }

        /* 侧边导航选项卡 样式*/
        .mi_Tab {
            width: 234px;
            height: 460px;
            background-color: rgba(105, 101, 101, .4);
            position: absolute;
            left: 0;
            z-index: 2;
        }

        .mi_Tab>ul {
            padding: 20px 0px;
        }

        .mi_Tab>ul>li {
            width: 234px;
            height: 42px;
            list-style: none;
            display: inline-block;
            box-sizing: border-box;
            position: relative;
        }
        /*.mi_Tab>ul>li:hover .concrete_content{*/
        /*    display: block;*/
        /*}*/
        .mi_Tab>ul>li>a {
            width: 234px;
            height: 42px;
            display: inline-block;
            text-decoration: none;
            color: #fff;
            line-height: 42px;
            font-size: 14px;
            padding-left: 30px;
            box-sizing: border-box;
        }

        .mi_Tab>ul>li>a:hover {
            background-color: #ff6700;
        }

        .mi_Tab>ul>li>a>span>img {
            color: #fff;
            width: 16px;
            position: absolute;
            right: 18px;
            top: 50%;
            margin-top: -8px;
        }

        /* 侧边选项卡悬浮展示的内容 样式*/
        .mi_Tab_con {
            width: 510px;
            height: 460px;
            position: absolute;
            left: 234px;
            z-index: 2;
            display: none;
            box-shadow: 5px 0px 10px #00ffff;
        }

        .mi_Tab_con ul {
            width: 992px;
            height: 460px;
            font-size: 30px;
            /* box-shadow: 0 0 10px #bebebe; */
            position: absolute;
        }
    </style>
</head>
<body>
    <!--头部区域-->
    <header>
        <div class="topbar-banner-Wrapper">
            <a href="#" class="link-block"></a>
        </div>
        <div class="site-topbar">
            <div class="container w">
                <div class="topbar-nav">
                    <a href="#">小米商城</a>
                    <span class="sep">|</span>
                    <a href="#">MIUI</a>
                    <span class="sep">|</span>
                    <a href="#">loT</a>
                    <span class="sep">|</span>
                    <a href="#">云服务</a>
                    <span class="sep">|</span>
                    <a href="#">天星数科</a>
                    <span class="sep">|</span>
                    <a href="#">有品</a>
                    <span class="sep">|</span>
                    <a href="#">小爱开放平台</a>
                    <span class="sep">|</span>
                    <a href="#">企业团购</a>
                    <span class="sep">|</span>
                    <a href="#">资质证照</a>
                    <span class="sep">|</span>
                    <a href="#">协议规则</a>
                    <span class="sep">|</span>
                    <a href="#">下载app</a>
                    <span class="sep">|</span>
                    <a href="#">智能生活</a>
                    <span class="sep">|</span>
                    <a href="#">Select Location</a>
                </div>
                <div class="topbar-info">
                    <a href="login.html" class="login">登录</a>
                    <span class="sep sep1">|</span>
                    <a href="#" class="reg">注册</a>
                    <span class="sep sep1">|</span>
                    <a href="#" class="use-name">
                        再遇润佳
                        <div class="user-menu-wrapper">
                            <ul class="user-menu"></ul>
                        </div>
                    </a>
                    <a href="#">消息通知</a>
                    <span class="sep">|</span>
                    <a href="#" class="order">我的订单</a>
                </div>
                <div class="topbar-cart">
                    <a href="#">
                        <span class="fa fa-shopping-cart" style="font-size: 18px;"></span>
                        <span>购物车</span>
                        <span>(0)</span>
                    </a>
                    <div class="empty">购物车还没有任何商品，赶紧选购吧！</div>

                </div>
            </div>
        </div>
        <div class="site-header">
            <div class="container w">
                <div class="header-logo">
                    <a href="#">
                        <img src="images/mi-logo.png" alt="">
                    </a>
                </div>
                <div class="header-nav">
                    <div class="double">
                        <a href="#" class="link-block"></a>
                    </div>
                    <div class="items">
                        <ul>
                            <li>
                                <a href="#">小米手机</a>
                            </li>
                            <li>
                                <a href="#">Redmi 红米</a>
                            </li>
                            <li>
                                <a href="#">电视</a>
                            </li>
                            <li>
                                <a href="#">笔记本</a>
                            </li>
                            <li>
                                <a href="#">家电</a>
                            </li>
                            <li>
                                <a href="#">路由器</a>
                            </li>
                            <li>
                                <a href="#">智能硬件</a>
                            </li>
                            <li>
                                <a href="#">服务</a>
                            </li>
                            <li>
                                <a href="#">社区</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="header-search" style="z-index: 99">
                    <input type="text" class="search-text" value="双口电磁炉" style="color: #757575">
                    <input type="text" class="search-btn">
                    <div class="keyword-list">
                        <ul>
                            <li>
                                <a href="#">王一博同款手机</a>
                            </li>
                            <li>
                                <a href="#">Note 9 新品</a>
                            </li>
                            <li>
                                <a href="#">小米10</a>
                            </li>
                            <li>
                                <a href="#">Redmi K30 Pro</a>
                            </li>
                            <li>
                                <a href="#">全部商品</a>
                            </li>
                            <li>
                                <a href="#">卡丁车</a>
                            </li>
                            <li>
                                <a href="#">耳机</a>
                            </li>
                            <li>
                                <a href="#">空调</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="header-slider-menu">
                <div class="w">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav01.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav02.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav03.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav04.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="header-slider-menu">
                <div class="w">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav05.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav06.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav07.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav08.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav09.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav10.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="header-slider-menu">
                <div class="w">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav11.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav12.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav13.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav14.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav15.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav16.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="header-slider-menu">
                <div class="w">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav17.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav18.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav19.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav20.png" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav21.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav22.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="header-slider-menu">
                <div class="w">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav23.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav24.png" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav25.jpg" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav26.png" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav27.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav28.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="header-slider-menu">
                <div class="w">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav29.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav30.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav31.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav32.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav33.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav34.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="header-slider-menu">
                <div class="w">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav35.jpg" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav36.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav37.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav38.jpg" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav39.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                        <span class="sepe"></span>
                        <li>
                            <a href="#">
                                <div class="nav-cover">
                                    <img src="images/nav40.webp" alt="">
                                    <div class="title">小米10至尊纪念版</div>
                                    <p class="price">5299元起</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </header>
    <!--轮播图区域-->
    <div class="home-hero-container w">
        <div class="mi_slideshow_Tab">
            <!-- 侧边选项卡 -->
            <div class="mi_Tab">
                <ul>
                    <li>
                        <a href="">
                            手机 电话卡
                            <span>
								<img src="images/jiantou01.svg">
							</span>
                        </a>
                        <div class="concrete_content">
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro1.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro2.webp" alt="" class="thumb">
                                        <span class="text1">小米10</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro3.webp" alt="" class="thumb">
                                        <span class="text1">小米10 青春版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro4.webp" alt="" class="thumb">
                                        <span class="text1">Redmi K30S 至尊版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro5.webp" alt="" class="thumb">
                                        <span class="text1">Redmi K30 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro6.jpg" alt="" class="thumb">
                                        <span class="text1">小米云服务</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro7.webp" alt="" class="thumb">
                                        <span class="text1">Redmi K30 Pro 变焦版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro8.webp" alt="" class="thumb">
                                        <span class="text1">Redmi K30 5G</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro9.webp" alt="" class="thumb">
                                        <span class="text1">Redmi K30 4G</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro10.webp" alt="" class="thumb">
                                        <span class="text1">Redmi 10X Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro11.webp" alt="" class="thumb">
                                        <span class="text1">Redmi 10X 5G</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro12.webp" alt="" class="thumb">
                                        <span class="text1">Redmi 10X 4G</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro13.webp" alt="" class="thumb">
                                        <span class="text1">Redmi Note 9 Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro14.webp" alt="" class="thumb">
                                        <span class="text1">Redmi Note 9 5G</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro15.webp" alt="" class="thumb">
                                        <span class="text1">Redmi Note 9 4G</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro16.webp" alt="" class="thumb">
                                        <span class="text1">Redmi Note 8 Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro17.webp" alt="" class="thumb">
                                        <span class="text1">Redmi Note 8</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro18.png" alt="" class="thumb">
                                        <span class="text1">手机上门维修</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro19.webp" alt="" class="thumb">
                                        <span class="text1">Redmi 9</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro20.webp" alt="" class="thumb">
                                        <span class="text1">Redmi 9A</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro21.webp" alt="" class="thumb">
                                        <span class="text1">Redmi 8</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro22.webp" alt="" class="thumb">
                                        <span class="text1">Redmi 9A</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro23.webp" alt="" class="thumb">
                                        <span class="text1">腾讯黑鲨游戏手机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro24.webp" alt="" class="thumb">
                                        <span class="text1">中国电信</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            电视 盒子
                            <span>
								<img src="images/jiantou01.svg">
							</span>
                            <div class="concrete_content" style="top:-62px">
                                <ul class="children-list-col">
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro25.webp" alt="" class="thumb">
                                            <span class="text1">小米透明电视</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro26.webp" alt="" class="thumb">
                                            <span class="text1">小米电视5 Pro 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro27.webp" alt="" class="thumb">
                                            <span class="text1">小米电视5 65英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro28.webp" alt="" class="thumb">
                                            <span class="text1">Redmi 智能电视 A系列</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro29.webp" alt="" class="thumb">
                                            <span class="text1">量子点电视</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro30.webp" alt="" class="thumb">
                                            <span class="text1">Redmi 智能电视 X系列</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list-col">
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro31.webp" alt="" class="thumb">
                                            <span class="text1">小米电视大师 82英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro32.webp" alt="" class="thumb">
                                            <span class="text1">小米电视5 Pro 65英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro33.webp" alt="" class="thumb">
                                            <span class="text1">小米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro34.webp" alt="" class="thumb">
                                            <span class="text1">小米全面屏电视E43K</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro35.webp" alt="" class="thumb">
                                            <span class="text1">金属全面屏电视</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro36.jpg" alt="" class="thumb">
                                            <span class="text1">小米盒子</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list-col">
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro37.webp" alt="" class="thumb">
                                            <span class="text1">大师电视 65英寸 OLED</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro38.webp" alt="" class="thumb">
                                            <span class="text1">小米电视5 Pro 75英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro39.webp" alt="" class="thumb">
                                            <span class="text1">小米电视4A 60英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro40.webp" alt="" class="thumb">
                                            <span class="text1">Redmi 智能电视 X55</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro41.jpg" alt="" class="thumb">
                                            <span class="text1">小米全面屏电视</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro42.webp" alt="" class="thumb">
                                            <span class="text1">电视音箱</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="children-list-col">
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro43.webp" alt="" class="thumb">
                                            <span class="text1">Redmi 智能电视 MAX</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro44.webp" alt="" class="thumb">
                                            <span class="text1">小米电视5 75英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro45.webp" alt="" class="thumb">
                                            <span class="text1">小米电视4A 70英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro46.webp" alt="" class="thumb">
                                            <span class="text1">小米电视4S 75英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro47.jpg" alt="" class="thumb">
                                            <span class="text1">小米壁画电视</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="link">
                                            <img src="images/pro48.webp" alt="" class="thumb">
                                            <span class="text1">激光投影电视</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            笔记本 显示器 平板
                            <span>
								<img src="images/jiantou01.svg">
							</span>
                        </a>
                        <div class="concrete_content concrete_content2" style="top:-104px">
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro49.webp" alt="" class="thumb">
                                        <span class="text1">Redmi G 游戏本</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro50.webp" alt="" class="thumb">
                                        <span class="text1">RedmiBook Air 13</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro51.webp" alt="" class="thumb">
                                        <span class="text1">RedmiBook 16</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro52.webp" alt="" class="thumb">
                                        <span class="text1">RedmiBook 14</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro53.webp" alt="" class="thumb">
                                        <span class="text1">小米笔记本Pro 15.6</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro54.webp" alt="" class="thumb">
                                        <span class="text1">RedmiBook 13</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro55.png" alt="" class="thumb">
                                        <span class="text1">小米笔记本 Air 13.3</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro56.jpg" alt="" class="thumb">
                                        <span class="text1">小米笔记本 Air 12.5</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro57.jpg" alt="" class="thumb">
                                        <span class="text1">小米游戏本</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro58.webp" alt="" class="thumb">
                                        <span class="text1">小米显示器34英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro59.webp" alt="" class="thumb">
                                        <span class="text1">小米显示器27英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro60.webp" alt="" class="thumb">
                                        <span class="text1">Redmi显示器23.8英寸</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro61.webp" alt="" class="thumb">
                                        <span class="text1">键盘桃子</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro62.png" alt="" class="thumb">
                                        <span class="text1">鼠标</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro63.webp" alt="" class="thumb">
                                        <span class="text1">转接器</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            家电 插线板
                            <span>
								<img src="images/jiantou01.svg">
							</span>
                        </a>
                        <div class="concrete_content" style="top:-146px">
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro64.webp" alt="" class="thumb">
                                        <span class="text1">冰箱</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro65.png" alt="" class="thumb">
                                        <span class="text1">立式空调</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro66.png" alt="" class="thumb">
                                        <span class="text1">壁挂空调</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro67.png" alt="" class="thumb">
                                        <span class="text1">滚筒洗衣机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro68.jpg" alt="" class="thumb">
                                        <span class="text1">Redmi全自动洗衣机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro69.jpg" alt="" class="thumb">
                                        <span class="text1">净水器</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro70.webp" alt="" class="thumb">
                                        <span class="text1">微波炉</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro71.webp" alt="" class="thumb">
                                        <span class="text1">电烤箱</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro72.jpg" alt="" class="thumb">
                                        <span class="text1">扫地机器人</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro73.jpg" alt="" class="thumb">
                                        <span class="text1">吸尘器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro74.jpg" alt="" class="thumb">
                                        <span class="text1">空气净化器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro75.jpg" alt="" class="thumb">
                                        <span class="text1">电饭煲</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro76.jpg" alt="" class="thumb">
                                        <span class="text1">电磁炉</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro77.jpg" alt="" class="thumb">
                                        <span class="text1">电冰壶</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro78.jpg" alt="" class="thumb">
                                        <span class="text1">滤水壶</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro79.png" alt="" class="thumb">
                                        <span class="text1">落地风扇</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro80.png" alt="" class="thumb">
                                        <span class="text1">投影仪</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro81.jpg" alt="" class="thumb">
                                        <span class="text1">灯具</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro82.jpg" alt="" class="thumb">
                                        <span class="text1">插线板</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro83.jpg" alt="" class="thumb">
                                        <span class="text1">新风机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro84.jpg" alt="" class="thumb">
                                        <span class="text1">电暖器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro85.jpg" alt="" class="thumb">
                                        <span class="text1">电压力锅</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro86.jpg" alt="" class="thumb">
                                        <span class="text1">料理机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro87.jpg" alt="" class="thumb">
                                        <span class="text1">电煮壶</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            出行 穿戴
                            <span>
								<img src="images/jiantou01.svg">
							</span>
                        </a>
                        <div class="concrete_content concrete_content2"  style="top:-188px">
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro88.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro89.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro90.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro91.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro92.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro93.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro94.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro95.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro96.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro97.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro98.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro99.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro100.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro101.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro102.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            智能 路由器
                            <span>
								<img src="images/jiantou01.svg">
							</span>
                        </a>
                        <div class="concrete_content concrete_content2"  style="top:-230px">
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro103.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro104.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro105.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro106.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro107.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro108.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro109.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro110.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro111.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro112.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro113.png" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro114.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro114.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro115.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro116.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro116.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            电源 配件
                            <span>
								<img src="images/jiantou01.svg">
							</span>
                        </a>
                        <div class="concrete_content concrete_content3"  style="top:-272px">
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro117.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro118.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro119.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro120.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro121.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro122.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro123.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro124.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro125.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro126.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro127.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro128.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            健康 儿童
                            <span>
								<img src="images/jiantou01.svg">
							</span>
                        </a>
                        <div class="concrete_content concrete_content2" style="top:-314px">
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro129.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro130.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro131.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro132.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro133.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro134.png" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro135.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro136.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro137.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro138.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro139.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro140.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro141.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro142.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro143.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro144.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro145.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro146.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            耳机 音箱
                            <span>
								<img src="images/jiantou01.svg">
							</span>
                        </a>
                        <div class="concrete_content concrete_content2"  style="top:-356px">
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro147.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro148.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro149.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro150.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro151.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro152.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro153.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro154.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro155.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro156.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro157.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro158.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro159.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro160.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro161.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro162.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            生活 箱包
                            <span>
								<img src="images/jiantou01.svg">
							</span>
                        </a>
                        <div class="concrete_content concrete_content2"  style="top:-398px">
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro163.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro164.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro165.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro166.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro167.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro168.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro169.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro170.png" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro171.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro172.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro173.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro174.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list-col">
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro175.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro176.webp" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="link">
                                        <img src="images/pro177.jpg" alt="" class="thumb">
                                        <span class="text1">小米10 至尊纪念版</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 底层轮播图 -->
            <div class="mi_slideshow">
                <!-- 轮播照片 -->
                <div class="mi_img">
                    <img src="images/轮播图·05.webp">
                    <img src="images/轮播图02.webp">
                    <img src="images/轮播图03.webp">
                    <img src="images/轮播图04.webp">
                    <img src="images/轮播图01.jpg">
                </div>
                <!-- 上一页 -->
                <div class="top_page"></div>
                <!-- 下一页 -->
                <div class="next_page"></div>
                <!-- 轮播指示器 -->
                <div class="mi_slideshow_indicator">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li id="pitch_on"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="home-hero-sub">
            <ul class="home-promo-list">
                <li class="first">
                    <ul class="home-channel-list">
                        <li>
                            <a href="#">
                                <img src="images/i01.png" alt="">
                                小米秒杀
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/i02.png" alt="">
                                企业团购
                            </a>
                        </li>
                        <li style="border-right: 0;">
                            <a href="#">
                                <img src="images/i03.png" alt="">
                                F码通道
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/i04.png" alt="">
                                米粉卡
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/i05.png" alt="">
                                以旧换新
                            </a>
                        </li>
                        <li style="border-right: 0;">
                            <a href="#">
                                <img src="images/i06.png" alt="">
                                话费充值
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        <img src="images/list02.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                    <img src="images/list03.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/list04.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--主体内容区域-->
    <div class="main-content">
        <div class="main w">
            <!--小米闪购-->
            <div class="flash-Sale">
                <div class="product-title">
                    <h2>小米闪购</h2>
                    <div class="swiper-controls">
                        <div class="prev-btn">
                        </div>
                        <div class="next-btn">
                        </div>
                    </div>
                </div>
                <div class="product-content">
                    <div class="countdown" style="background-color: #f1eded;">
                        <div class="countdown-title">10:00 场</div>
                        <img src="images/闪电.png" alt="">
                        <div class="countdown-desc">距离结束还有</div>
                        <div class="h-m-s">
                            <span class="hour">00</span>
                            <i class="colon">:</i>
                            <span class="minute">00</span>
                            <i class="colon">:</i>
                            <span class="second">00</span>
                        </div>
                    </div>
                    <ul class="clearfix">
                        <li>
                            <a href="#">
                                <div class="content">
                                    <div class="pic">
                                        <img src="images/pic01.webp" alt="">
                                    </div>
                                    <h3 class="title">小米Type-C转Lightning数据线 1m 白色</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">
                                        <span class="now">49元</span>
                                        <del class="past">59元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="content">
                                    <div class="pic">
                                        <img src="images/pic02.webp" alt="">
                                    </div>
                                    <h3 class="title">小米Type-C转Lightning数据线 1m 白色</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">
                                        <span class="now">49元</span>
                                        <del class="past">59元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="content">
                                    <div class="pic">
                                        <img src="images/pic03.webp" alt="">
                                    </div>
                                    <h3 class="title">小米Type-C转Lightning数据线 1m 白色</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">
                                        <span class="now">49元</span>
                                        <del class="past">59元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="content">
                                    <div class="pic">
                                        <img src="images/pic04.webp" alt="">
                                    </div>
                                    <h3 class="title">小米Type-C转Lightning数据线 1m 白色</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">
                                        <span class="now">49元</span>
                                        <del class="past">59元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="content">
                                    <div class="pic">
                                        <img src="images/pic05.png" alt="">
                                    </div>
                                    <h3 class="title">小米Type-C转Lightning数据线 1m 白色</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">
                                        <span class="now">49元</span>
                                        <del class="past">59元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="content">
                                    <div class="pic">
                                        <img src="images/pic006.webp" alt="">
                                    </div>
                                    <h3 class="title">小米Type-C转Lightning数据线 1m 白色</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">
                                        <span class="now">49元</span>
                                        <del class="past">59元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="content">
                                    <div class="pic">
                                        <img src="images/pic007.webp" alt="">
                                    </div>
                                    <h3 class="title">小米Type-C转Lightning数据线 1m 白色</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">
                                        <span class="now">49元</span>
                                        <del class="past">59元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li  style="margin-right: 15px;">
                            <a href="#">
                                <div class="content">
                                    <div class="pic">
                                        <img src="images/pic008.webp" alt="">
                                    </div>
                                    <h3 class="title">小米Type-C转Lightning数据线 1m 白色</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">
                                        <span class="now">49元</span>
                                        <del class="past">59元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="content">
                                    <div class="pic">
                                        <img src="images/pic009.webp" alt="">
                                    </div>
                                    <h3 class="title">小米Type-C转Lightning数据线 1m 白色</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">
                                        <span class="now">49元</span>
                                        <del class="past">59元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="content">
                                    <div class="pic">
                                        <img src="images/pic010.webp" alt="">
                                    </div>
                                    <h3 class="title">小米Type-C转Lightning数据线 1m 白色</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">
                                        <span class="now">49元</span>
                                        <del class="past">59元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--广告1-->
            <div class="ad w">
                <a href="#">
                    <img src="images/ad01.webp" alt="">
                </a>
            </div>
            <!--手机-->
            <div class="phone">
                <div class="product-title">
                    <h2>手机</h2>
                    <div class="more">
                        <a href="#" class="more-link">查看全部 <i class="fa fa-arrow-circle-right ar"style="font-size: 23px;"></i></a>
                    </div>
                </div>
                <div class="pro-content">
                    <ul class="clearfix">
                        <li style="height: 614px; margin-bottom: 0;">
                            <a href="#">
                                <img src="images/pic05.webp" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic06.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic08.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic09.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic10.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic11.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic12.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic13.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic14.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--广告2-->
            <div class="ad w">
                <a href="#">
                    <img src="images/ad02.webp" alt="">
                </a>
            </div>
            <!--家电-->
            <div class="furniture">
                <div class="product-title">
                    <h2>家电</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active">
                                热门
                                <div class="line"></div>
                            </li>
                            <li>
                                电视影音
                                <div class="line" style="width: 64px;"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="pro-content">
                    <ul class="furniture-pro clearfix" style="display: block">
                        <li>
                            <div class="big-cover">
                                <img src="images/pic15.webp" alt="">
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic16.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic17.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic18.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic19.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="big-cover">
                                    <img src="images/pic20.webp" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic21.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic22.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic23.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li class="last" style="margin-right: 0;">
                            <a href="#">
                                <div class="brick-item">
                                    <div class="p-img">
                                        <img src="images/p01.webp" alt="">
                                    </div>
                                    <div class="p-title">米家互联网烟灶套装（天然气）</div>
                                    <p class="p-price">2298元</p>
                                </div>
                                <div class="brick-item" style="padding-top: 45px;">
                                    <div class="figure-more">
                                        <i class="fa fa-arrow-circle-o-right" style="font-size: 60px;"></i>
                                    </div>
                                    <div class="p-more">
                                        浏览更多
                                        <p>热门</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="furniture-pro clearfix" style="display: none">
                        <li>
                            <div class="big-cover">
                                <img src="images/pic15.webp" alt="">
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic24.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic25.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic26.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic27.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="big-cover">
                                    <img src="images/pic20.webp" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic28.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic29.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic30.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li class="last" style="margin-right: 0;">
                            <a href="#">
                                <div class="brick-item">
                                    <div class="p-img">
                                        <img src="images/p01.webp" alt="">
                                    </div>
                                    <div class="p-title">米家互联网烟灶套装（天然气）</div>
                                    <p class="p-price">2298元</p>
                                </div>
                                <div class="brick-item" style="padding-top: 45px;">
                                    <div class="figure-more">
                                        <i class="fa fa-arrow-circle-o-right" style="font-size: 60px;"></i>
                                    </div>
                                    <div class="p-more">
                                        浏览更多
                                        <p>热门</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--广告3-->
            <div class="ad w">
                <a href="#">
                    <img src="images/ad03.webp" alt="">
                </a>
            </div>
            <!--智能-->
            <div class="intelligence">
                <div class="product-title">
                    <h2>智能</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active">
                                热门
                                <div class="line"></div>
                            </li>
                            <li>
                                安防
                                <div class="line"></div>
                            </li>
                            <li>
                                出行
                                <div class="line"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="pro-content">
                    <ul class="furniture-pro clearfix" style="display: block">
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic31.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic32.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic33.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic34.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic35.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic36.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic37.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic38.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic39.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li class="last" style="margin-right: 0;">
                            <a href="#">
                                <div class="brick-item">
                                    <div class="p-img">
                                        <img src="images/p01.webp" alt="">
                                    </div>
                                    <div class="p-title">米家互联网烟灶套装（天然气）</div>
                                    <p class="p-price">2298元</p>
                                </div>
                                <div class="brick-item" style="padding-top: 45px;">
                                    <div class="figure-more">
                                        <i class="fa fa-arrow-circle-o-right" style="font-size: 60px;"></i>
                                    </div>
                                    <div class="p-more">
                                        浏览更多
                                        <p>热门</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="furniture-pro clearfix">
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic31.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic40.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic41.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic42.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic43.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic36.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic44.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic45.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic46.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li class="last" style="margin-right: 0;">
                            <a href="#">
                                <div class="brick-item" style="padding-top: 45px;">
                                    <div class="figure-more">
                                        <i class="fa fa-arrow-circle-o-right" style="font-size: 60px;"></i>
                                    </div>
                                    <div class="p-more">
                                        浏览更多
                                        <p>热门</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="furniture-pro clearfix">
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic31.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic47.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic48.png" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic49.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic50.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic36.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic51.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic52.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic53.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li class="last" style="margin-right: 0;">
                            <a href="#">
                                <div class="brick-item" style="padding-top: 45px;">
                                    <div class="figure-more">
                                        <i class="fa fa-arrow-circle-o-right" style="font-size: 60px;"></i>
                                    </div>
                                    <div class="p-more">
                                        浏览更多
                                        <p>热门</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--广告4-->
            <div class="ad w">
                <a href="#">
                    <img src="images/ad04.webp" alt="">
                </a>
            </div>
            <!--搭配-->
            <div class="collocation">
                <div class="product-title">
                    <h2>搭配</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active">
                                热门
                                <div class="line"></div>
                            </li>
                            <li>
                                耳机音箱
                                <div class="line" style="width: 64px;"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="pro-content">
                    <ul class="furniture-pro clearfix" style="display: block">
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic54.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic55.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic56.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic57.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic58.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic59.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic60.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic61.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic62.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li class="last" style="margin-right: 0;">
                            <a href="#">
                                <div class="brick-item" style="padding-top: 45px;">
                                    <div class="figure-more">
                                        <i class="fa fa-arrow-circle-o-right" style="font-size: 60px;"></i>
                                    </div>
                                    <div class="p-more">
                                        浏览更多
                                        <p>热门</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="furniture-pro clearfix">
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic54.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic63.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic64.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic65.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic66.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic59.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic67.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic68.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic69.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li class="last" style="margin-right: 0;">
                            <a href="#">
                                <div class="brick-item">
                                    <div class="p-img">
                                        <img src="images/p01.webp" alt="">
                                    </div>
                                    <div class="p-title">米家互联网烟灶套装（天然气）</div>
                                    <p class="p-price">2298元</p>
                                </div>
                                <div class="brick-item" style="padding-top: 45px;">
                                    <div class="figure-more">
                                        <i class="fa fa-arrow-circle-o-right" style="font-size: 60px;"></i>
                                    </div>
                                    <div class="p-more">
                                        浏览更多
                                        <p>热门</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--广告5-->
            <div class="ad w">
                <a href="#">
                    <img src="images/ad05.webp" alt="">
                </a>
            </div>
            <!--周边-->
            <div class="related-product">
                <div class="product-title">
                    <h2>周边</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active">
                                热门
                                <div class="line"></div>
                            </li>
                            <li>
                                出行
                                <div class="line"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="pro-content">
                    <ul class="furniture-pro clearfix" style="display: block">
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic70.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic71.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic72.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic73.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic74.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic75.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic76.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic77.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic78.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li class="last" style="margin-right: 0;">
                            <a href="#">
                                <div class="brick-item">
                                    <div class="p-img">
                                        <img src="images/p01.webp" alt="">
                                    </div>
                                    <div class="p-title">米家互联网烟灶套装（天然气）</div>
                                    <p class="p-price">2298元</p>
                                </div>
                                <div class="brick-item" style="padding-top: 45px;">
                                    <div class="figure-more">
                                        <i class="fa fa-arrow-circle-o-right" style="font-size: 60px;"></i>
                                    </div>
                                    <div class="p-more">
                                        浏览更多
                                        <p>热门</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="furniture-pro clearfix">
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic70.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic79.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic80.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic81.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic82.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="big-cover">
                                    <img src="images/pic71.webp" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic83.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic84.jpg" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="intro">
                                    <div class="pic">
                                        <img src="images/pic85.webp" alt="">
                                    </div>

                                    <h3 class="title">Note 9 Pro</h3>
                                    <p class="desc">苹果MFi官方认证，支持快充</p>
                                    <p class="price">1599元起</p>
                                </div>
                            </a>
                        </li>
                        <li class="last" style="margin-right: 0;">
                            <a href="#">
                                <div class="brick-item">
                                    <div class="p-img">
                                        <img src="images/p01.webp" alt="">
                                    </div>
                                    <div class="p-title">米家互联网烟灶套装（天然气）</div>
                                    <p class="p-price">2298元</p>
                                </div>
                                <div class="brick-item" style="padding-top: 45px;">
                                    <div class="figure-more">
                                        <i class="fa fa-arrow-circle-o-right" style="font-size: 60px;"></i>
                                    </div>
                                    <div class="p-more">
                                        浏览更多
                                        <p>热门</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--广告6-->
            <div class="ad w">
                <a href="#">
                    <img src="images/ad06.webp" alt="">
                </a>
            </div>
            <!--视频-->
            <div class="video">
                <div class="product-title">
                    <h2>周边</h2>
                    <div class="more">
                        <a href="#" class="more-link">查看全部 <i class="fa fa-arrow-circle-right ar"style="font-size: 23px;"></i></a>
                    </div>
                </div>
                <div class="video-content">
                    <ul class="clearfix">
                        <li>
                            <a href="javascript:;">
                                <div class="play-cover">
                                    <img src="images/pic07.webp" alt="">
                                    <div class="play-btn">
                                        <i class="fa fa-play" style="font-size: 12px;"></i>
                                    </div>
                                </div>
                            </a>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="play-cover">
                                    <img src="images/pic86.webp" alt="">
                                    <div class="play-btn">
                                        <i class="fa fa-play" style="font-size: 12px;"></i>
                                    </div>
                                </div>
                            </a>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="play-cover">
                                    <img src="images/pic87.webp" alt="">
                                    <div class="play-btn">
                                        <i class="fa fa-play" style="font-size: 12px;"></i>
                                    </div>
                                </div>
                            </a>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </li>
                        <li style="margin-right: 0;">
                            <a href="javascript:;">
                                <div class="play-cover">
                                    <img src="images/pic88.webp" alt="">
                                    <div class="play-btn">
                                        <i class="fa fa-play" style="font-size: 12px;"></i>
                                    </div>
                                </div>
                            </a>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <footer>
        <div class="site-footer">
            <div class="footer-top w">
                <div class="footer-service">
                    <ul>
                        <li>
                            <a href="#">
                                <span class="fa fa-wrench" style="font-size: 20px;"></span>
                                预约维修服务
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="fa fa-handshake-o" style="font-size: 20px;"></span>
                                七天无理由退货
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="fa fa-handshake-o" style="font-size: 20px;"></span>
                                15天免费换货
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="fa fa-gift" style="font-size: 20px;"></span>
                                满99元包邮
                            </a>
                        </li>
                        <li style="border: none">
                            <a href="#">
                                <span class="fa fa-map-marker" style="font-size: 20px;"></span>
                                520余家售后网点
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="footer-links">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd>账户管理</dd>
                        <dd>购物指南</dd>
                        <dd>订单管理</dd>
                    </dl>
                    <dl>
                        <dt>服务支持</dt>
                        <dd>售后管理</dd>
                        <dd>自助服务</dd>
                        <dd>相关下载</dd>
                    </dl>
                    <dl>
                        <dt>线下门店</dt>
                        <dd>小米之家</dd>
                        <dd>服务管理</dd>
                        <dd>授权体验店</dd>
                    </dl>
                    <dl>
                        <dt>关于小米</dt>
                        <dd>了解小米</dd>
                        <dd>加入小米</dd>
                        <dd>投资者关系</dd>
                        <dd>企业社会责任</dd>
                        <dd>廉洁举报</dd>
                    </dl>
                    <dl>
                        <dt>关注我们</dt>
                        <dd>新浪微博</dd>
                        <dd>官方微信</dd>
                        <dd>联系我们</dd>
                        <dd>公益基金会</dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd>F 码通道</dd>
                        <dd>礼物码</dd>
                        <dd>防伪查询</dd>
                    </dl>
                    <div class="col-contact">
                        <p class="connection">400-100-5678</p>
                        <p class="work-time">8:00-18:00（仅收市话费）</p>
                        <a href="#" class="primary-btn">
                            <span class="fa fa-commenting" style="font-size: 14px;"></span>人工客服
                        </a>
                        <div class="follow">
                            关注小米：
                            <a href="#" class="fa fa-weibo" style="margin-right: 5px;"></a>
                            <a href="#" class="fa fa-weixin"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="site-info">
            <div class="information w">
                <div class="footer-logo">
                    <a href="#">
                        <img src="images/logo-footer.png" alt="">
                    </a>
                </div>
                <div class="info-text">
                    <div class="sites">
                        <a href="#">小米商城</a>
                        <span class="sep">|</span>
                        <a href="#">MIUI</a>
                        <span class="sep">|</span>
                        <a href="#">米家</a>
                        <span class="sep">|</span>
                        <a href="#">米聊</a>
                        <span class="sep">|</span>
                        <a href="#">多看</a>
                        <span class="sep">|</span>
                        <a href="#">游戏</a>
                        <span class="sep">|</span>
                        <a href="#">政企服务</a>
                        <span class="sep">|</span>
                        <a href="#">小米天猫店</a>
                        <span class="sep">|</span>
                        <a href="#">小米集团隐私政策</a>
                        <span class="sep">|</span>
                        <a href="#">小米公司儿童信息保护政策</a>
                        <span class="sep">|</span>
                        <a href="#">小米商城隐私政策</a>
                        <span class="sep">|</span>
                        <a href="#">小米商城用户协议</a>
                        <span class="sep">|</span>
                        <a href="#">问题反馈</a>
                        <span class="sep">|</span>
                        <a href="#">Select Location</a>
                    </div>
                    <div class="certificate">
                        © <a href="#">mi.com </a>
                         京ICP证110507号
                        <a href="#">京ICP备10046444号 </a>
                        <a href="#">京公网安备11010802020134号 </a>
                        <a href="#">京网文[2020]0276-042号</a>
                        <br>
                        <a href="#">（京）网械平台备字（2018）第00005号 </a>
                        <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090 </a>
                        <a href="#">营业执照 </a>
                        <a href="#">医疗器械质量公告</a>
                        <br>
                        <a href="#">增值电信业务许可证 </a>
                        网络食品经营备案
                        京食药网食备202010048
                        <a href="#">食品经营许可证</a>
                        <br>
                        违法和不良信息举报电话：171-5104-4404
                        <a href="#">知识产权侵权投诉 </a>
                        本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </div>
                </div>
                <div class="info-links">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="images/truste.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/v-logo-2.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/v-logo-1.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/buy.png" alt="">
                            </a>
                        </li>
                        <li class="safe">
                            <a href="#">
                                <img src="images/day02.png" alt="" style="height: 40px;margin-top: -5px;">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="slogan"></div>
            </div>
        </div>

    </footer>
    <!--视频弹窗-->
    <div class="mi-popup">
        <div class="mi-video">
            <div class="mi-video-header">
                <span class="mi-video-title">Redmi 10X系列发布会</span>
                <i class="close_btn"></i>
            </div>
            <div class="mi-video-content">
                <video src="media/xiaomi03.mp4" autoplay controls muted loop></video>
            </div>
        </div>
        <div class="mi-video">
            <div class="mi-video-header">
                <span class="mi-video-title">Redmi 10X系列发布会</span>
                <i class="close_btn"></i>
            </div>
            <div class="mi-video-content">
                <video src="media/xiaomi03.mp4" autoplay controls muted loop></video>
            </div>
        </div>
        <div class="mi-video">
            <div class="mi-video-header">
                <span class="mi-video-title">Redmi 10X系列发布会</span>
                <i class="close_btn"></i>
            </div>
            <div class="mi-video-content">
                <video src="media/xiaomi03.mp4" autoplay controls muted loop></video>
            </div>
        </div>
        <div class="mi-video">
            <div class="mi-video-header">
                <span class="mi-video-title">Redmi 10X系列发布会</span>
                <i class="close_btn"></i>
            </div>
            <div class="mi-video-content">
                <video src="media/xiaomi03.mp4" autoplay controls muted loop></video>
            </div>
        </div>
    </div>
    <!--侧边工具栏-->
    <div class="toolbar toolbar_1920">
        <ul>
            <li class="first">
                <a href="#">
                    <div class="icon">
                        <img src="images/tb01-1.png" alt="">
                        <img src="images/tb01-2.png" alt="" class="hover">
                    </div>
                    <span class="txt">手机APP</span>
                </a>
                <div class="erweima">
                    <span></span>
                    <img src="images/二维码.png" alt="">
                    <p class="intro">扫码领取新<br>人百元礼包</p>
                </div>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="images/tb02-1.png" alt="">
                        <img src="images/tb02-2.png" alt="" class="hover">
                    </div>
                    <span class="txt">个人中心</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="images/tb03-1.png" alt="">
                        <img src="images/tb03-2.png" alt="" class="hover">
                    </div>
                    <span class="txt">售后服务</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="images/tb04-1.png" alt="">
                        <img src="images/tb04-2.png" alt="" class="hover">
                    </div>
                    <span class="txt">人工客服</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="images/tb05-1.png" alt="">
                        <img src="images/tb05-2.png" alt="" class="hover">
                    </div>
                    <span class="txt">购物车</span>
                </a>
            </li>
            <li class="top" style="margin-top: 15px;">
                <a href="javascript:;">
                    <div class="icon">
                        <img src="images/tb06-1.png" alt="">
                        <img src="images/tb06-2.png" alt="" class="hover">
                    </div>
                    <span class="txt">回顶部</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="toolbar_1440 toolbar">
        <ul>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="images/tb01-1.png" alt="">
                        <img src="images/tb01-2.png" alt="" class="hover">
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="images/tb02-1.png" alt="">
                        <img src="images/tb02-2.png" alt="" class="hover">
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="images/tb03-1.png" alt="">
                        <img src="images/tb03-2.png" alt="" class="hover">
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="images/tb04-1.png" alt="">
                        <img src="images/tb04-2.png" alt="" class="hover">
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="icon">
                        <img src="images/tb05-1.png" alt="">
                        <img src="images/tb05-2.png" alt="" class="hover">
                    </div>
                </a>
            </li>
            <li style="margin-top: 14px;" class="top">
                <a href="#">
                    <div class="icon">
                        <img src="images/tb06-1.png" alt="">
                        <img src="images/tb06-2.png" alt="" class="hover">
                    </div>
                </a>
            </li>
        </ul>
    </div>
</body>
</html>